layui.use(["form","layer","laypage"],function () {

	var form=layui.form;
	var layer=layui.layer;
	var laypage=layui.laypage;

	//加载所有数据,创建vue实例,后面的方法操作此实例,不能用方法包裹写到外面
	var vm=new Vue({
		el:"#vue_content",
		data:{
			list:"",
		},
	});

	//总数据量
	var total=0;

	var myCollege=$("#myCollege").text();

	loadCourse(1);
	page();


	//查询,加载加载结果
	$("#queryCourse").click(function(){
		loadCourse(1);
		page();
	});

	//选课
	$(document).on("click",".choseCourse",function(){

		var state=$(this).parent().prevAll(".state").attr("mark");
		if("close"==state){
			layer.msg("课程未开放!!");
		}else if("open"==state){
			var myId=$("#myId").html();
			var id=$(this).parent().siblings(".id").html();
			$.ajax({
				url:"choseCourse",
				type:"get",
				data:{
					"id":id,
					"myId":myId,
				},
				success:function(data){
					if(1==data.mark){
						layer.msg("选课成功!!");
					}
					else if(0==data.mark){
						layer.msg("你已选课,不允许重选!!");
					}
				},
				error:function(){
					layer.msg("系统繁忙,请稍后再试!!");
				}
			});
		}
	})

	//加载课程
	function loadCourse(currPage){
		//首先获取当前输入框的内容
		var name=$("#name").val();
		var major=$("#major").val();
		var teacherName=$("#teacherName").val();
		$.ajax({
			url:"allCourse",
			type:"get",
			async:false,
			data:{
				"name":name,
				"college":myCollege,
				"major":major,
				"teacherName":teacherName,
				"currPage":currPage,
			},
			success:function (data) {
				vm.list=data.cList;       //加载数据
				total=data.total;          //重设总数据数
			}
		});
	}

	//翻页
	function page(){
		laypage.render({
			elem:"page_container",		//容器
			count:total,				//总数据数,服务器获得
			limit:9,					//每页条数,默认10
			curr:1,						//初始页,默认1
			jump:function(obj){
				loadCourse(obj.curr);	//curr为当前页码
			}
		});
	}
});
